<template>
  <div class="content-container">
    <div class="product">
      <img src="https://img.alicdn.com/tfscom/i1/69644597/TB2UEJFe.dnpuFjSZPhXXbChpXa_!!69644597.jpg" alt="">
      <div class="desc">
        <h3 class="title">雨落忧伤</h3>
        <p class="content">description</p>
      </div>
    </div>
    <div class="product">
      <img src="https://img.alicdn.com/tfscom/i1/69644597/TB2UEJFe.dnpuFjSZPhXXbChpXa_!!69644597.jpg" alt="">
      <div class="desc">
        <h3 class="title">雨落忧伤</h3>
        <p class="content">description</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="stylus" scoped>
.content-container
  .product
    padding-bottom .2rem
    height 2.8rem
    clear both
    img
      height 100%
      float left
      border-radius 50%
    .desc
      background #34495e
      height 100%
      .title
        text-align center
        padding .2rem
      .content
        text-indent .2rem
        color #e67e22
        height 60%
</style>
